<template>
	<view class="datum" style="height: 100%;background-color: #fff;">

		<input value="提交建议" disabled="true" />
		<view>
			<textarea maxlength="500" style="padding-top: 10px;" class="uni-app" v-model="content" placeholder="请描述您遇到的问题..." /></textarea>
		</view>
		<!-- <image src="../../static/122.png" style="width: 100px; height: 100px; margin-top: 80px; background-color: #DCDFE6" @click="IdcardFront()"></image> -->



		<view class="uni-text">
			<input class="uni-input" value="联系人" disabled="true" />
			<view>
				<input class="uni-app" style="text-align: left;" v-model="contract" placeholder="请填写您的姓名,以便我们联系您" />
			</view>
		</view>
		<view class="uni-text">
			<input class="uni-input" value="联系方式" disabled="true" />
			<view>
				<input class="uni-app" v-model="mobile_number" placeholder="请填写您的手机号,以便我们联系您" />
			</view>
		</view>

		<view style="margin-top: 30px;">
			<view class="uni-input">联系我们：</view>
			<view class="uni-input">微信公众号 家电维修平台</view>
			<view class="uni-input">官方邮箱</view>
		</view>


		<button
		@click="postFeedback"
			style="margin: 30px 0; color: #FFFFFF; background-color: red; font-size: 14px; padding: 3px 0;">立即提交</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				content: '',
				contract: '',
				mobile_number: '',
			}
		},


		onLoad() {

		},
		methods: {
			postFeedback() {
				if (this.content == '' || this.contract == '' || this.mobile_number == '') {
					return;
				}
				uni.showToast({
					title: '创建成功',
					icon: 'success'
				})
				setTimeout(function() {
					uni.redirectTo({
						url: '/pages/center/index'
					})
				}, 1000)
			},
			approve(url) {
				uni.navigateTo({
					url: url
				})
			}
			
		}
	}
</script>

<style>
	.datum {
		padding: 10px;

	}

	.uni-app {
		font-size: 13px;
		color: gray;
		
	}

	.uni-text {
		display: flex;
		margin-top: 15px;
		border-top: 1px solid #E4E7ED;
		padding-top: 10px;
	}

	.uni-input {
		font-size: 13px;
		padding-bottom: 5px;
	}
</style>
